<template>
    <div class="teacherManage">
        <el-breadcrumb separator="/" class="breadcrumb-bottom">
            <el-breadcrumb-item :to="{ path: '/' }">系统管理</el-breadcrumb-item>
            <el-breadcrumb-item>教师管理</el-breadcrumb-item>
        </el-breadcrumb>
         <el-form :model="teacherManageForm" :rules="rules" ref="teacherManageForm" label-width="0px">
            <el-row :gutter="20">
                <el-col :span="4">
                    <el-form-item prop="">
                    <el-input v-model="teacherManageForm.studentName" placeholder="请输入学生名字"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="3">
                     <el-form-item prop="">
                        <el-select v-model="teacherManageForm.sex" placeholder="请选择性别">
                            <el-option label="男" value="1"></el-option>
                            <el-option label="女" value="2"></el-option>
                        </el-select>
                     </el-form-item>
                </el-col>
                <el-col :span="3">
                     <el-form-item prop="">
                        <el-select v-model="teacherManageForm.degree" placeholder="请选择学位">
                            <el-option label="硕士" value="1"></el-option>
                            <el-option label="本科" value="2"></el-option>
                            <el-option label="博士" value="3"></el-option>
                        </el-select>
                     </el-form-item>
                </el-col>
                <el-col :span="3">
                     <el-form-item prop="">
                        <el-select v-model="teacherManageForm.position" placeholder="请选择职称">
                            <el-option label="讲师" value="1"></el-option>
                            <el-option label="副教授" value="2"></el-option>
                            <el-option label="教授" value="3"></el-option>
                        </el-select>
                     </el-form-item>
                </el-col>
                <el-col :span="4">
                    <el-form-item prop="">
                    <el-input v-model="teacherManageForm.schoolTime" placeholder="请输入在校时长"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="2" class="overflow-clear">
                    <el-button type="primary" @click="submitForm('teacherManageForm')" class="float-right">立即搜索</el-button>
                </el-col>
            </el-row>
        </el-form>
        <hr/>
        <div>
            <el-button-group style="margin-bottom:4px;" class="float-right">
            <el-button type="primary">分配角色</el-button>
            <el-button type="primary">删除信息</el-button>
            </el-button-group>
        </div>
          <el-table
            :data="tableData3"
            border
            tooltip-effect="dark"
            style="width: 100%"
            @selection-change="handleSelectionChange">
            <el-table-column
            type="selection"
            width="55">
            </el-table-column>
            <el-table-column
            label="教师编号"
            width="120">
            <template scope="scope">{{ scope.row.date }}</template>
            </el-table-column>
            <el-table-column
            prop="name"
            label="姓名"
            width="120">
            </el-table-column>
            <el-table-column
            prop="name"
            label="性别"
            width="120">
            </el-table-column>
            <el-table-column
            prop="name"
            label="学位"
            width="120">
            </el-table-column>
            <el-table-column
            prop="name"
            label="职称"
            width="120">
            </el-table-column>
             <el-table-column
            prop="name"
            label="职位"
            width="120">
            </el-table-column>
             <el-table-column
            prop="name"
            label="入校时间"
            width="120">
            </el-table-column>
             <el-table-column
            prop="name"
            label="联系方式"
           >
            </el-table-column>
        </el-table>
    </div>
</template>
<script>
    export default{
        name:'teacherManage',
        data(){
            return {

                teacherManageForm:{
                    studentName:'',
                    sex:'',
                    degree:'',
                    position:'',
                    schoolTime:''
                },


            }

        },
        component:{

        }
    }
</script>
<style>

</style>
